@charset "utf-8";
.tit-header{border-left-width: 4px;border-left-style: solid;height: 26px;line-height: 24px; margin-top: 10px;padding-left: 15px;+line-height: 26px;}

.stud-act-list>section {
    border-top: 1px solid #e2e2e2;
    margin-top: -10px;
    padding-top: 20px
}

.stud-act-list ul {
    height: 358px;
    overflow: hidden
}

.stud-act-list li {
    position: relative;
}

.stud-act-list li .u-face{
    float: left;
    margin-right: 12px;
}

.i-teacher-list ul {
    margin-left: -30px;
    padding-top: 20px
}

.i-teacher-list ul li {
    width: 25%;
+width: 24.98%;
    float: left
}

.i-teach-wrap {
    background: #fff;
    border: 1px solid #eee;
    display: block;
    margin: 0 0 30px 30px;
    overflow: hidden;
    text-align: center;
    padding: 15px 15px 20px;
    transition: .3s;
    -webkit-transition: .3s;
    min-height: 308px;
}

.i-teach-pic {
    margin: 10px auto 0
}

.i-teach-pic img {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    width: 142px;
    height: 142px;
    transition: .5s;
    -webkit-transition: .5s
}

.i-teach-wrap .i-q-txt {
    border-top: 1px dotted #e2e2e2;
    padding-top: 15px
}

.i-teach-wrap:hover {
    box-shadow: 6px 6px 0 rgba(0,0,0,.06)
}

.i-teach-wrap:hover .i-teach-pic img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}
.c-sort-box-new{margin-top: 12px;}
.c-s-dl{border: 1px solid #eee;padding: 8px 4px;background-color: #fff;border-radius: 6px;}
.c-s-dl dl {line-height: 40px; }
.c-s-dl dl dt {float: left;width: 72px;text-align: right;padding-right: 5px;line-height: 36px; overflow: hidden;}
.c-s-dl-li {padding:0 60px 0 90px;}
.c-s-dl dl .c-s-dl-li .c-s-more{position: relative;float: right;margin-top: -41px;margin-right: -63px;}
.c-s-dl-li ul {overflow: hidden;}
.c-s-dl-li ul li {float: left;margin: 0 10px 0 0}
.c-s-dl-li ul li a {display: block;color: #666;font-size: 14px;padding: 0 15px;line-height: 24px;border-radius: 14px;margin: 7px 0; }
.c-s-dl .ejdl-box ul li a{line-height: 40px;margin: 0;}
.c-s-dl .ejdl-box ul li a:hover,.c-s-dl .ejdl-box .c-s-dl-li ul li.current a,.c-s-dl .ejdl-box dt span{background: none;}
.c-s-dl .ejdl-box dt span{line-height: 40px;}
.c-s-more {position: absolute;right: 5px;top: -2px;z-index: 9999;}
.c-s-dl .ejdl-box{border-top:1px dashed #ddd;padding: 0;}
.c-s-dl dl .c-s-more a{display: block;width: 56px;height: 40px;background-position: -92px -350px;}
.c-s-dl dl .c-s-more a.current,.c-s-dl dl .c-s-more a:hover{background-position: -149px -350px;text-decoration: none;}
.m-a-box{position: absolute;right: -7px;top:38px;z-index: 99999;display: none;}
.m-a-b-inf{width: 228px;border: 1px solid #f0bfb1;background: #fbfbfb;position: relative;padding: 10px;}
.m-a-b-inf .DT-arrow * {cursor: default;display: block;font-weight: normal;height: 12px; line-height: 1.231;overflow: hidden;}
.m-a-b-inf .DT-arrow {cursor: default;position: absolute;right: 27px;top: -8px;width: 22px;text-align: center;}
.m-a-b-inf .DT-arrow{right: 25px;top:-8px;}
.m-a-b-inf .DT-arrow span {color: #fbfbfb;margin: -10px 0 0;}
.m-a-b-inf .DT-arrow em {color: #f0bfb1;}
.c-s-dl dl .c-s-more .m-a-b-more a{display: inline-block;font-size: 14px;padding: 0 10px;line-height: 24px;border-radius: 4px;color: #666;margin: 1px;background: none;height: 24px;width: auto;}
.c-s-dl .live-ejdl-b{border-bottom: 1px solid #eee;}
.c-s-dl .teach-yjdl{padding: 0;}
.js-wrap {background: #fff;height: 46px;line-height: 46px;padding: 0 15px 0 0;position: relative;clear: both;border-bottom: 1px solid #eee; }
.js-tap li {float: left;margin-right: 5px;}
.js-tap li a {display: block;padding: 0 30px;line-height: 45px;color: #666;font-size: 14px; border-top: 1px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent;}
.m-n-plback-ico{display: none;width: 38px;height: 38px;position: absolute;top:3px;left: 5px;background-position: -103px -206px;}
.js-tap li.current a,.js-tap li:hover a {background-color: #fff;text-decoration: none;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.js-tap li:hover .c-l-jgpx{display: block;}
.c-kcfl{cursor:pointer;}
.c-kcfl.check .c-chb-ico{background-position: -148px -223px;}
.chen-c-fl{cursor: pointer;display: block; height: 100%;opacity: 0;width: 100%;margin: 0;}
.c-v-pic-wrap {
    float: left;
    transition: .3s;
    position: relative;
    margin-right: 30px;
    z-index: 9;
}
.c-v-pic {
    display: block;
    width: 100%;
    height: 334px;
}
.c-attr-wrap {
    transition: .3s;
    -webkit-transition: .3s;
    position: relative;
}
.lt-ie9.c-v-pic-wrap,.lt-ie9.lt-ie8 .c-v-pic-wrap {
    width: 640px;
    height: 357px
}
.lt-ie9 .thr-attr-box,.lt-ie9.lt-ie8 .thr-attr-box {
    width: 140px;
    height: 357px
}
.lt-ie9 .c-attr-wrap,.lt-ie9.lt-ie8 .c-attr-wrap {
    width:446px;
    height: 357px
}
.lt-ie9 .c-attr-wrap .c-in-vip,.lt-ie9.lt-ie8 .c-attr-wrap .c-in-vip{margin-left: 10px;}
.thr-attr-ol{height: 30px;}
.thr-attr-ol li {
    float: left;
    margin-right:40px;
}
.c-attr-jg {
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
}
.c-attr-code{
    position: absolute;
    right: 0;
    bottom: 48px;
}
.c-attr-code .c-code-image{
    width: 120px;
    height: 120px;
    border: 1px solid #bab9b9;
    border-radius: 6px;
    padding: 5px;
}
.c-attr-code p{
    margin: 6px 0;
    color: #666;
    text-align: center;
}
.c-in-vip{display: inline-block;width: 165px;height: 26px;vertical-align: middle;position: relative;}
.c-in-vip img{display: block;width: 100%;height: auto;}
.c-i-vip-br{display: none;position: absolute;padding: 5px 10px;vertical-align: middle;top:-66px;left: 50%;margin-left: -66%;z-index: 33;width: 240px;line-height: 20px;border-style:solid;border-width: 1px;border-radius: 4px;}
.c-th-box{padding-bottom: 15px;border-bottom: 1px solid #f4f4f4;}
.c-in-vip .DT-arrow * {cursor: default;display: block;font-size: 22px;font-style: normal;font-weight: normal;height: 26px; line-height: 26px;overflow: hidden;}
.c-in-vip .DT-arrow {cursor: default;position: absolute;right: 82px;width: 26px;bottom:26px;z-index: 44;display: none;}
.c-in-vip .DT-arrow span {margin: -28px 0 0 0;}
.c-in-vip:hover .DT-arrow,.c-in-vip:hover .c-i-vip-br{display: block;}
.lt-ie9.lt-ie8 .c-in-vip .DT-arrow,.lt-ie9 .c-in-vip .DT-arrow{bottom:31px;}
.c-attr-jg span {
    font-size: 14px;
    vertical-align: middle
}

.c-attr-jg big {
    font-size: 28px;
    vertical-align: middle
}

.c-attr-jg s {
    text-decoration: line-through;
    vertical-align: middle
}

/*.sc-end a,.sc-end a:hover {
    cursor: default;
    text-decoration: none
}*/

.c-infor-tabTitle.c-tab-title {
    margin:0 0 20px 0;
    text-align: left;
    border-bottom: 1px dashed #dcdcdc;
}

.c-infor-tabTitle.c-tab-title a {
    font-size: 16px;
    margin-right:2px;
    line-height: 50px;
    color: #333;
    padding: 0 20px;
    border-top: 3px solid transparent;
    display: inline-block;
}

.c-infor-tabTitle.c-tab-title span{
    border-left-width: 5px;
    border-left-style: solid;
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding-left: 10px;
    margin: 12px 0;
}
.c-infor-tabTitle.c-tab-title .c-tab-title{font-size: 18px;cursor: default;}
.course-txt-body {
    color: #888;
    font-size: 14px;
    margin-top: 20px;
    padding: 0 10px;
    text-indent: 28px;
    line-height: 180%;
}

.course-txt-body img {
    max-width: 100%
}

.ctb-btn {
    text-align: center;
    margin-top: 15px
}

.ctb-btn a {
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60)
}

.c-teacher-txt-show {
    color: #999;
    line-height: 30px;
    white-space: normal;
    word-break: break-all;
    margin: 10px 10px 0
}

.buy-cin-list {
    margin-left: -18px;
    overflow: hidden;
    clear: both
}

.buy-cin-list span {
    display: block;
    float: left;
    width: 18%;
    margin: 5px 0 15px 18px;
    text-align: center
}

.buy-cin-list span img {
    border-radius: 50%;
    display: block;
    max-width: 100%
}

.buy-cin-list span tt {
    height: 18px;
    width: 100%;
    display: block;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comm-title.all-article-title,.comm-title.all-teacher-title {
    overflow: visible
}

.all-teacher-title .c-tab-title {
    margin-bottom: 20px;
    height: auto
}

.all-teacher-title .c-tab-title a {
    margin: 0 10px
}
.all-teacher-title .js-list-tit a{font-size: 16px;color: #666;line-height: 30px;margin: 0 20px;}
.t-infor-wrap {
    border-bottom: none;
    padding: 20px;
}

#t-infor-menu {
    border: none;
    height: auto
}

#t-infor-menu {
    text-align: left
}

#t-infor-menu p a {
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    height: 18px;
    line-height: 18px;
    border: solid #666;
    border-width: 0 0 0 5px;
    display: inline-block;
    color: #666;
}

.t-infor-menu {
    width: 10%
}

.t-infor-box {
    width: 100%
}

.t-infor-pic {
    float: left;
    margin: 0 30px 0 0;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 5px 5px 0 rgba(0,0,0,.04);
    overflow: hidden;
+width: 224px
}

.t-infor-pic img {
    margin: 20px auto;
    width: 90%;
    display: block
}

.t-tag-bg {
    background: #f2f2f2;
    display: inline-block;
    padding: 10px 15px;
    overflow: hidden;
    font-size: 14px;
    color: #888
}

.t-infor-txt {
    margin: 20px 10px 0;
    line-height: 200%;
    font-size: 14px;
    color: #777
}

.t-infor-txt p {
    text-indent: 24px;
    text-align: justify
}

.comm-title.all-article-title {
    margin-bottom: 20px
}

.comm-title.all-article-title .c-tab-title {
    padding-top: 10px
}

.comm-title.all-article-title h2 span {
    font-size: 24px
}

.artil-list-box{padding: 20px;}
.new-a-tit-r{margin-top: 0}
.i-article-list li {
   border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
    padding: 0 0 15px 210px;
    position: relative;
    min-height: 100px
}
.r-art-wrap li{border: 0;}
.i-article-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 120px;
    overflow: hidden;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s
}

.i-article-pic img {
    max-width: 100%;
    min-height: 120px;
}

.i-art-title {
    color: #333;
    font-size:18px
}

.i-art-title:hover {
    text-decoration: none
}

.i-article-list.r-art-wrap li {
    padding: 0 0 10px 30px;
    min-height: inherit;
+min-height: 50px;
    position: relative
}
.in-new-box-list ul li{
    padding: 5px 5px 7px 210px;
}
.in-new-box-list ul li .i-article-pic{top:5px;left: 5px;width: 185px;}
.in-new-box-list ul li .i-q-txt{height: 48px;}
.in-new-box-list ul li .i-q-txt p{line-height: 24px;height: 48px;}
.i-n-l-infor{width: 520px;border: 1px solid #ddd;position: relative;}
.i-n-l-infor .i-n-pic{display: block;width: 100%;height: auto;}
.i-n-l-infor .i-n-pic img{display: block;width: 100%;height: auto;}
.i-n-l-mane{position: absolute;bottom:0;left: 0;height: 46px;line-height: 46px;background: url("/static/qdxwx/img/black-bg-hf.png") repeat top left;width: 100%;}
.i-n-l-mane a{display: block;line-height: 46px;margin: 0 15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 16px;color: #fff;}
.in-new-right-list{height: 200px;overflow: hidden;}
.in-n-r-l-ul li{height: 40px;line-height: 40px;}
.in-n-r-l-ul li a{display: block;line-height: 40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width: 60%;}
.r-art-wrap li .orderNum {
    position: absolute;
    left: 0;
    top: 6px
}

.r-art-wrap li .orderNum span {
    background: #ddd;
    border-radius: 3px;
    color: #777;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.r-art-wrap li.lt2 .orderNum span {
    color: #fff
}
.r-art-wrap li .i-art-title{font-size: 16px;}

#art-infor-body {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    line-height: 200%;
    color: #4e4e4e;
    font-size: 14px;
    font-family: SimSun, serif;
    padding: 20px 10px;
    overflow: hidden
}

#art-infor-body p {
    margin-bottom: 20px;
    text-indent: 24px;
    text-align: justify
}

#art-infor-body img {
    max-width: 100%;
    margin: 0 auto
}

.i-q-txt {
    height: 48px;
    overflow: hidden
}

.i-q-txt p {
    line-height: 24px;
}

.q-tip-pic {
    margin-right: 20px;
    float: left
}

.q-c-list dl {
    margin-bottom: 30px;
    min-height: 30px;
    clear: both;
    position: relative;
    padding-left: 70px
}

.q-c-list dl dt {
    position: absolute;
    top: 5px;
    left: 0;
    width: 60px;
    text-align: right
}

.q-c-list dl dd label input,.q-c-list dl dd textarea,.tags-content {
    background: #fff;
    border: 1px solid #73868E;
    color: #333;
    font-size: 15px;
    width: 92%;
    padding: 0 10px;
    line-height: 34px;
    height: 34px
}

.q-sort-wrap span {
    background: #fff;
    border: 1px solid #bbb;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #666;
    margin-right: 10px
}

.q-sort-wrap span.current {
    background: #fbfbfb;
    cursor: default
}

.tags-content {
    height: 20px;
    line-height: 20px;
    padding: 7px 10px
}

.q-c-list dl dd label input:focus,.q-c-list dl dd textarea:focus,.tags-content:focus {
    box-shadow: 1px 1px 1px rgba(0,0,0,.08) inset
}

.q-c-list dl dd textarea {
    height: 150px;
    font-size: 14px;
    line-height: 30px
}

.v-code-pic {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 88px
}

.tags-content span {
    color: #919191;
    cursor: default
}

.q-c-jy {
    position: absolute;
    right: 5px;
    bottom: 0
}

.tags-content .list-tag {
    margin-right: 1px
}

.taglist {
    margin-top: -10px
}

.taglist .list-tag {
    color: #787d82;
    cursor: pointer;
    margin: 1px
}

.list-tag {
    background: #F2EFED;
    color: #787d82;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    transition: all .25s ease 0s;
    white-space: nowrap;
    word-wrap: break-word
}

.list-tag.onactive,.list-tag:hover {
    background: #EAE7E4;
    color: #4e4e4e;
    text-decoration: none
}

.list-tag.onactive {
    cursor: default
}

.q-all-list li {
    border-bottom: 1px solid #e2e2e2;
    margin-top: 30px;
    position: relative;
    padding-bottom: 30px
}

.q-head-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    text-align: center
}

.q-head-pic img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.q-txt-box {
    position: relative;
    margin-left: 120px;
    padding-right: 130px;
    min-height: 80px
}

.replyBrowseNum {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 120px;
    overflow: hidden;
    clear: both
}

.replyBrowseNum:hover,.replyBrowseNum:hover * {
    cursor: pointer;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.browseNum,.replyNum {
    float: left;
    width: 50px;
    margin: 0 5px;
    text-align: center
}

.r-b-num {
    font-size: 14px;
    font-family: 'Microsoft YaHei', serif;
    color: #666
}

.q-r-rank-list li {
    border-bottom: 1px dotted #e2e2e2;
    margin-top: 15px;
    padding: 0 80px 15px 0;
    position: relative
}

.q-r-r-num {
    position: absolute;
    right: 0;
    top: 0
}


.q-infor-box {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px
}

.q-infor-box .q-txt-box {
    margin-left: 60px;
    min-height: inherit
}

.q-infor-box .q-head-pic {
    width: 50px
}

.q-infor-box .i-q-txt {
    height: auto
}

.q-share {
    position: absolute;
    right: 0;
    top: 6px;
    width: 120px
}

.q-i-noter-box {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    padding-top: 25px
}

.q-n-r-box .n-reply {
    border-top: 1px solid #e2e2e2;
    display: block;
    padding-left: 36px;
    margin-top: 20px
}

.q-n-r-box .question-list.lh-bj-list li {
    padding-bottom: 30px
}

.question-list.lh-bj-list .c-btn-6 {
    display: none
}

.question-list.lh-bj-list li:hover .c-btn-6 {
    display: block
}

.question-list.lh-bj-list .bg-fa .c-btn-6,.question-list.lh-bj-list li:hover .bg-fa .c-btn-6 {
    display: inline-block
}

.g-a-title span {
    border-radius: 0 0 30px 0;
    display: inline-block;
    padding: 0 40px 0 20px;
    font-size: 18px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    margin-left: -20px
}

.good-answer .question-list.lh-bj-list li {
    border: none
}

.good-answer .n-reply {
    border-top: 1px solid #e2e2e2
}

.u-order-wrap dl {
    margin-top: 10px;
    padding: 5px 0;
    border-bottom: 1px dashed #ddd;
}
.u-order-wrap dl:hover{background-color: #f5f5f5;}
.u-order-wrap dl dt {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 10px
}

.u-ol-pic {
    width: 170px;
    float: left;
    display: block;
    margin-right: 15px
}
.u-ol-pic-vip{width: 110px;}
.u-ol-pic img {
    display: block;
    max-width: 100%
}

.u-account-box {
    padding: 60px 0 30px 0;
}

.u-account-li li {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

.u-account-li li * {
    vertical-align: middle
}

.u-a-title {
    display: inline-block;
    width: 80px;
    text-align: right;
    padding-right: 10px
}

.u-a-inpt,.u-account-li select {
    background: #fff;
    border: 1px solid #ddd;
    height: 32px;
    line-height: 36px;
    width: 300px;
    font-size: 14px;
    color: #666;
    padding: 0 10px
}
.u-r-t-big{
    background: #fff;
    border: 1px solid #ddd;
    height: 200px;
    width: 95%;
    overflow: hidden;
}

.u-r-textarea{border: 0;background: #fff;height: 94%;width: 98%;line-height: 26px;font-size: 12px;color: #999;padding:5px;}
.cou-r-pl-all{margin: 20px 0 50px;}
.cou-r-pl-r-box{margin: 0 0 0 20px;}
.u-a-inpt:focus,.u-account-li select:focus {
    border-color: #ccc;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset
}

.u-a-error {
    margin-left: 10px;
    position: absolute;
    top:8px;
}

.u-sys-news dl {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    clear: both
}

.u-sys-news dl dt {
    border-right: 3px solid #f2f2f2;
    float: left;
    width: 100px;
    margin-right: 20px;
    padding-right: 20px;
    height: 100px
}

.u-sys-news li{border-bottom: 1px dashed #ccc;margin-top: 5px;padding: 5px 20px;}
.u-s-l-tit {position: relative;padding-right: 30px;}
.u-s-l-sc-ico{position: absolute;width: 30px;height: 30px;display: none;background-position: -537px -228px;top:0;right: 0;}
.u-s-l-t-a{margin-right: 15px;padding-right: 45px;position: relative;display: block;}
.wd-ico{display: block;width: 44px;height: 16px;position: absolute;top:4px;right: -4px;}
.wd-ico img{display: block;width: 100%;height: 100%;}
.u-s-l-txt{margin: 5px 0;padding-right: 45px;position: relative;}
.u-s-l-txt p{line-height: 24px;}
.u-sys-news li:hover{background: #fafafa;}
.u-sys-news li:hover .u-s-l-sc-ico{display: block;}
.u-sys-news li:hover .wd-ico{display: none;}
.u-sys-news li:hover a{text-decoration: none;}
.u-r-new-infor{margin: 0 20px;}
.u-r-n-i-txt{text-indent: 28px;font-size: 14px;line-height: 28px;margin: 10px 0;}
.p-h-header {
    background: #111;
    width: 100%
}

.p-h-head {
    padding: 0 80px;
    height: 60px;
    position: relative
}

.p-h-title {
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-h-goback {
    position: absolute;
    left: 15px;
    top: 20px
}

.p-h-rSc {
    position: absolute;
    left: 95px;
    top: 22px
}


.dpBtn.dpOpen {
    width: 50px;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 999999
}

.p-h-s-bar .lev-num-bar,.p-h-s-bar .time-bar-wrap,.p-h-s-bar .time-bar-wrap .lev-num-wrap {
    border-radius: 0
}

.p-h-s-bar .time-bar-wrap .lev-num-wrap {
    background: #666
}

.time-bar-wrap .lev-num-bar p {
    position: relative;
    height: 12px;
    overflow: hidden
}

.time-bar-wrap .lev-num-bar p .lev-num {
    right: 15px;
    top: 0;
    left: inherit
}

.p-h-box {
    padding: 0 400px 0 0;
    position: relative
}

.p-h-video {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.p-h-video-box {
    height: 100%;
    width: 100%;
}

.p-h-video-tip {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -25px;
    z-index: 1;
    text-align: center;
}
.zhz-bg{width: 100%;height: 100%;background: url("/static/qdxwx/img/black-mask.png") repeat top left;z-index: 99;position: absolute;top:0;left: 0;}
.p-h-r-ele {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    z-index: 999999
}

.p-h-r-wrap {
    padding: 0 10px;
}

.p-h-r-title {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 40px
}

.p-h-r-title li {
    float: left;
    width: 50%
}

.p-h-r-title li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px
}

.p-h-r-title li.current a {
    color: #fff
}

.p-h-r-title li a:hover {
    text-decoration: none
}
.video-open-btn{position: absolute;width: 15px;height: 85px;right: 365px;top:50%;margin-top: -46px;}
.video-open-btn a{display: block;width: 100%;height: 100%;background: url("/static/qdxwx/img/video-open.png") no-repeat top left;}
.video-open-btn a.close{background: url("/static/qdxwx/img/video-close.png") no-repeat top left;}
.video-open-btn a:hover{text-decoration: none;opacity: 0.9;filter:alpha(opacity=90);}
#p-h-r-cont {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.p-h-r-menu .lh-menu {
    margin: 0
}

.p-h-m-tp {
    background: #111;
    height: 60px;
    margin: 0 -10px;
    position: relative
}

.o-c-btn {
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    line-height: 160%
}

.o-c-btn a {
    border-left: 1px solid #666;
    height: 40px;
    display: block;
    padding-top: 20px
}

.o-c-btn a:hover {
    border-color: #fff
}

.pay-o-e-wrap .comm-shadow-2 {
    box-shadow: 0 1px 0 0 #FFF,0 2px 0 0 #CCC,0 3px 0 0 #FFF,0 4px 0 0 #CCC,0 5px 0 0 #FFF,0 3px 5px 2px rgba(0,0,0,.1)
}

.order-table {
    border: 1px solid #DDD
}

.orderSuccess ol {
    overflow: hidden;
    padding: 20px 30px 40px 200px
}

.order-table ol h2 {
    border-bottom: 1px solid #ddd;
    height: auto;
    font-size: 24px
}

.paySuccIcon {
    height: 140px;
    left: 3em;
    top: 0;
    width: 140px
}

.kj-link li a svg,.paySuccIcon svg {
    width: 100%;
    height: 100%
}

.kj-link {
    padding-left: 200px;
    height: 130px
}

.kj-link li {
    display: inline-block;
    margin: 0 20px
}

.kj-link li a {
    display: inline-block;
    height: 110px;
    width: 110px;
    text-align: center;
    font-size: 18px;
}

.kj-link li a:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    text-decoration: none
}

.ei-item-box {
+height: 50px
}

.ei-item-box a {
    display: block;
    height: 50px;
    width: 55px;
    z-index: 99999;
    color: #fff;
    position: absolute;
    top: -8px;
    right: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.ei-item-box a img {
    width: 55px;
    height: 50px
}

.ei-item-box a:hover {
    top: 0;
    -webkit-transition: top 500ms;
    -moz-transition: top 500ms;
    -o-transition: top 500ms;
    transition: top 500ms
}

.ei-i-dialog {
    background: url(../img/black-bg-hf.png) repeat top left;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
}

.ei-i-dialog-box-tit {
    border-bottom: 1px solid #333;
    height: 32px;
    background: url(../img/black-bg-hf.png) repeat top left
}

.ei-i-dialog-box-tit span {
    font: 14px/32px 'Microsoft YaHei';
    color: #fff
}

.ei-i-close {
    background-color: #111;
    font: 14px/29px "Microsoft YaHei";
    right: 0;
    text-align: center;
    top: 0;
    width: 80px
}

.ei-i-close:hover {
    text-decoration: none
}

.ei-i-dialog-box-boy .dialog-box-boy-in ul li {
    float: left;
    width: 33.33%;
    +width: 33.3%
}

.box-boy-in-i {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 30px 0 50px
}

.box-boy-in-i a {
    display: block;
    width: 93%;
    border: 3px solid transparent
}

.box-boy-in-i a .pic {
    display: block;
    max-width: 100%;
    height: auto
}

.dialog-box-boy-in ul li .xz {
    bottom: 0;
    display: none;
    height: 40px;
    position: absolute;
    right: 0;
    width: 40px
}

.dialog-box-boy-in ul li a .name {
    display: block;
    width: 100%;
    height: 32px;
    background: url(../img/black-name.png) repeat top left;
    font: 14px/32px 'Microsoft YaHei';
    color: #fff;
    text-align: center;
    bottom: 0;
    left: 0
}


.dialog-box-boy-in ul li:hover .box-boy-in-i .xz,.ei-i-dialog-box-boy .dialog-box-boy-in ul li .current .xz {
    display: block
}

#triangle-bottomright {
    border-bottom-width: 50px;
    border-bottom-style: solid;
    border-left: 50px solid transparent;
    height: 0;
    right: 0;
    bottom: 0;
    width: 0
}

.loging {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 200px
}

.loging img {
    width: 62px;
    height: 62px;
    margin-top: 72px;
+margin-top: 15px
}
/*手机端课程分类*/

.mobile-option-box{display:none;border-bottom: 1px solid #eee;position: relative;height: inherit;}
.mo-op-titlist li{float: left;width: 33.33%;text-align: center;height: 40px;}
.mo-op-titlist li a{display: block;line-height: 40px;font-size: 0.8rem;color: #666;}
.mo-op-titlist li a tt{line-height: 40px;font-size: 0.8rem;color: #666;display: inline-block;}
.mo-op-titlist li.cur a .m-o-t-fl-ico{background-position: -426px -360px;}
.mo-op-body{position: absolute;top:41px;left: 0;width: 100%;background: rgba(0,0,0,0.6);z-index: 999;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;display: none;}
.m-o-b-se{background: #fff;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;position: absolute;top:41px;left: 0;width: 100%;display: none;z-index: 9999;}
.mo-op-body-se,.box-se{display: block;}
.m-o-b-se ul li{border-bottom: 1px solid #eee;}
.m-o-b-se ul li a{display: block;font-size: 0.9rem;line-height: 42px;color: #666;padding-left: 10px;}
.m-o-b-se ul li.current{border-bottom-width: 1px;border-bottom-style:solid;}
.m-o-b-se ul li.current a{background: #eee;text-decoration: none;}
.m-o-b-se ul.kczy-list-a{position: absolute;top:0;left: 0;width: 100%;z-index: 99999;background: #fff;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.m-o-b-se ul.kczy-list-b{position: absolute;top:0;left: 200%;background: #eee;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
.m-o-b-se ul.kczy-list-b li{border-bottom: 1px solid #ddd;}
.m-o-b-se ul.kczy-list-b li.cater{border-bottom-width: 1px;border-bottom-style:  solid;}
.mo-op-titlist li a:hover,.mo-op-titlist li a:hover tt,.m-o-b-se ul li a:hover,.m-o-b-se ul.kczy-list-b li a:hover{text-decoration: none;}
.m-o-b-se ul.sxtj-list li{border: 0;float: left;}
.m-o-b-se ul.sxtj-list li a{display: block;height: 26px;line-height: 26px;padding: 0 10px;background: #eee;margin:8px 5px;border-radius: 4px;border: 1px solid transparent;}
.m-o-b-se ul.sxtj-list li.current{background: none;}
.sxtj-n-box{position: absolute;bottom:0;left: 0;height: 42px;background: #fafafa;border-top: 1px solid #ddd;width: 100%;padding-top: 6px;}
.sxtj-n-box a{display: inline-block;width: 20%;height: 36px;line-height: 36px;font-size: 0.9rem;border-radius: 2px;text-align: center;margin-right: 20px;}
.m-o-b-se{min-height: 400px;}
.fg-line{border-top: 1px dashed #ddd;}
.fg-line-fist{border: 0}
.fg-line .fg-txt{font-size: 0.8rem;line-height: 26px;color: #333;margin-left: 5px;padding-top: 5px;}
/*手机端课程分类完*/
/*直播页面开始*/
.la-l-c-box{width: 600px;float: left;}
.la-l-c-pic{display: block;width: 100%;height: auto;}
.la-l-c-txt{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 5;}
.la-l-t-b-in{margin-top: 40px;}
.la-l-t-btn{border-radius: 4px;border-style: solid;border-width: 1px;}
.la-l-c-txt .l-c-t-infor{margin: 70px 90px 0;}
.rec-live-btn a {display: inline-block;width: 49px; height: 46px;text-align: center;}
.rec-live-btn a:hover {background: url("/static/qdxwx/img/white-10pre.png") repeat;}
.rec-live-btn a em {width: 6px; height: 10px;display: inline-block; vertical-align: middle;margin-top: 18px;}
.rec-live-btn a em.prev {background-position: -288px -207px;}
.rec-live-btn a em.next {background-position: -319px -231px;}
.rec-live-btn a:hover em.next {background-position: -291px -231px;}
.rec-live-btn a:hover em.prev {background-position: -316px -207px;}
.live-cou-wrap {margin-top: 25px;}
.live-cou-nav {position: relative; margin-top: 50px;padding: 0 120px 0 170px;}
.live-cou-nav .live-title {position: absolute; left: 0;top: 0;width: 131px; height: 30px; border-radius: 25px;}
.live-cou-nav .live-title span {width: 36px; height: 36px; border-radius: 50%;background: #fff;border-width: 1px;border-style:  solid;text-align: center;display: inline-block;position: absolute;left: 0; top: -4px;}
.live-title span em {background-position: -290px -254px;width: 10px;height: 10px; display: inline-block;vertical-align: middle;margin-top: 12px;}
.live-cou-nav ul li {float: left;}
.live-title tt {line-height: 30px;margin-left: 50px;}
.live-cou-nav ul li a {font-size: 16px; color: #666; padding: 0 20px;line-height: 32px;}
.live-more {position: absolute; right: 0; top: 7px;}
.live-cou-box {margin-left: 17px;border-left: 1px solid #ddd;padding: 40px 0 0 35px;}
.live-cou-box ul li {margin-bottom: 30px;}
.live-cou-box ul li .live-cb-box {padding: 20px;background-color: #f8f8f8;border: 1px solid #eee;}
.live-cou-box ul li .live-cb-wrap .live-pic {width: 230px; float: left;margin-right: 18px;}
.live-cou-box ul li .live-cb-wrap .live-course-title {font-size: 20px; color: #333;}
.live-cou-box ul li .live-cb-wrap .live-course-title:hover {text-decoration: none;}
.live-cou-box ul li .live-cb-wrap .live-cou-time {background-color: #e6e6e6;padding: 8px 20px 8px 30px;position: relative;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fl span {color: #666;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fsize28 {font-size: 28px;line-height: 28px;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fr a {display: inline-block; padding: 7px 60px;background-color: #fafafa;border-radius: 5px;color: #999;font-size: 16px;}
.live-cou-box ul li .live-cb-wrap .live-cou-time .fr a:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;}
.live-three-angle {position: absolute;left: 0;top: 50%;}
.live-three-angle .yk-DT-arrow {left: -6px;}
.live-three-angle .yk-DT-arrow * {color: #e6e6e6;}
.live-three-angle .yk-DT-arrow span {margin-top: -17px;}
.live-three-dot {position: absolute;left: -42px;top: 50%;width: 6px; height: 6px; border: 4px solid #999;background: #fff;border-radius: 50%;margin-top: -5px;}
.live-cou-box ul li.current .live-cb-wrap .live-cou-time .fl span {color: #fff;}
.live-cou-box ul li.current .live-cb-wrap .live-cou-time .fr a {background-color: #fff7f5;}
.live-cou-list {border: none;margin-left: 20px; padding: 0;}
.live-cou-rec1 li .live-cou-wrap1 {margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 8px;}
.live-cou-rec1 li .live-cou-wrap1 h3 a:hover {text-decoration: none;cursor: pointer;}
.live-cou-wrap ul {margin-left: -12px;}
.live-cou-wrap ul li {width: 25%;float: left;overflow: hidden;}
.live-cou-wrap ul li .l-cou-box {margin-left: 12px;background: #e0e0e0; position: relative;padding-left: 36px;}
.live-cou-wrap ul li .l-cou-box .l-cou-state {position: absolute; left: 8px; top: 50%; margin-top: -10px;}
.live-cou-wrap ul li .l-cou-box .l-cou-state em,.l-i-time em {background-position: -490px -137px;}
.live-cou-wrap ul li.current .l-cou-box .l-cou-state em {background: url(/static/qdxwx/img/play.gif) no-repeat 0 0;}
.live-cou-wrap ul li .l-cou-box .l-cou-info {background: #fff;color: #333;padding: 15px 15px;}
/*  .live-cou-wrap ul li.current .l-cou-box {background-color: #ffda8e;}  */
.live-cou-wrap ul li.current .l-cou-box .l-cou-info { color: #fff;border-left: 1px dotted #ddd;}
.live-cou-wrap ul li.current .l-cou-box .l-cou-info .l-cou-title a {color: #fff;}
.live-cou-wrap ul li .l-play-btn {border: 1px solid transparent;border-radius: 20px;padding: 3px 15px;text-align: center;}
.live-cou-wrap ul li.current .l-play-btn { border: 1px solid #fff;color: #fff;}
.live-cou-wrap ul li .l-play-btn:hover {text-decoration: none;opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);cursor: default; }
.live-cou-wrap ul li.current .l-play-btn:hover {cursor: pointer;}
.i-live-sta {padding: 15px 0;margin-top: 8px;}
.i-live-sta .fr {margin-top: 3px;}
.in-live-line{height: 2px;border-bottom: 1px solid #ccc;margin-top: 30px;}
.in-live-line span{display: block;width: 14px;height: 14px;border-radius: 50%;background-color: #fff;border-width: 1px;border-style:  solid;top:-5px;left: 50%;margin-left: -8px;}
.mr-30 {margin-right: 30px;}
.c-cou-mask { background: rgba(0, 0, 0, 0) url("/static/qdxwx/img/black-name.png") repeat scroll 0 0; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
.l-info-btn em {background-position: -384px -12px;display: inline-block;}
.l-i-time {padding: 15px 17px;}
.l-i-time-new{padding: 5px 17px 10px;}
.l-i-box {padding:10px 20px;}
.l-i-title {line-height:70px;overflow: hidden;border-bottom: 1px solid #7c7c7c;height: 70px;}
.l-c-time .fsize24 {font-size: 20px;}
.l-i-time .fsize24 {font-size: 22px;}
.live-btn #cou-shopcar {width: 120px;font-size: 1rem;display: inline-block;}
.c-sort-box-live{background: #fff;border: 1px solid #eee;margin-top: 20px;}
.la-r-t-list{width: 550px;}
.la-r-t-list li a {background: #fff;border-right: 4px solid transparent;display: block;padding: 0 18px 0 30px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.la-r-t-list li a .la-r-t-box {border-left: 2px solid #efbe28;padding: 2px 0 10px 20px;position: relative;}
.la-r-t-list li a .la-r-t-box .l-r-b-bj{border-radius: 50%;height: 10px;left: -6px;position: absolute;top: 11px;width: 10px;}
.la-r-t-list li:hover a,.la-r-t-list li.current a,.la-r-t-list li:hover tt,.la-r-t-list li.current tt{text-decoration: none;}
.la-r-t-list li:hover a,.la-r-t-list li.current a{border-right: 4px solid #ccc;background: #f8f8f8;}
.jg-fl-b{display: inline-block;font-size: 12px;line-height: 20px;padding: 0 5px;border-radius: 2px;color: #fff;}
.live-no-title{clear: both;}
.com-live-no-box{position: relative;padding-left: 20%;}
.c-l-n-left{width: 20%;position: absolute;top:1px;left: 0;}
.c-l-n-right{width: 100%;padding: 1px 0;min-height: 416px;}
.d3-in-right{min-height: 513px;}
.c-l-n-right ul li{width: 25%;}
.comm-course-list li.liv-fist-box .cc-l-wrap{background: #74ddce url("/static/qdxwx/img/function/l-o-l-bg.jpg") no-repeat top center;border-color: #68c7b9;box-shadow: none;height: 416px;margin: 0;}
.comm-course-list .c-l-n-left ul{margin: 0;}
.c-l-n-left ul .liv-fist-box{width: 100%;}
.lt-ie9.lt-ie8 .c-l-n-left ul .liv-fist-box,.lt-ie9 .c-l-n-left ul .liv-fist-box{width: 100%;}
.comm-course-list .c-l-n-right ul{margin: 0;}
.comm-course-list .c-l-n-right ul li .cc-l-wrap{margin: 0 0 20px 12px;border: 1px solid #ddd;}
.linv-index-warp li .cc-l-wrap{border: 1px solid #ddd;}
.live-small-tit{height: 44px;padding-left: 19.5%;padding-right: 15%;position: relative;}
.live-small-tit h2{position: absolute;left: 0;top:0;}
.live-small-tit .hyh{position: absolute;right: 0;top:0;}
.live-small-tit li{float: left;}
.live-small-tit li a{display: block;font-size: 14px;margin-top: 9px;height: 34px;line-height:34px;border-width: 2px 1px 0 1px;border-style: solid;border-color:transparent;color: #666;padding: 0 20px;margin-right: 5px;}
.live-small-tit li.current a,.live-small-tit li:hover a{text-decoration: none;border-color: #ddd;background: #fff;}
.co-lv-list li .cc-l-wrap,.in-n-lv-tj li .cc-l-wrap{border:1px solid #ddd;}
/*.l-info-pic-wrap{background: url("/static/qdxwx/img/live-infor-bg.jpg") no-repeat top left;}*/
.l-info-pic-wrap{position: relative;}
.n-l-in-t-tit{height: 50px;width: 100%;top:0;left: 0;z-index: 3;line-height: 44px;position: absolute;}
.l-info-pic-wrap .pic{display: block;width: 100%;height: auto;}
.n-l-in-t-boy{position: absolute;top:50px;left: 0;width: 100%;z-index: 3;text-align: center;}
.n-l-in-t-boy .name{font-size: 46px;color: #fff;text-align: center;height: 280px;line-height: 280px;margin: 0 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.n-l-in-t-boy .btn{width: 20%;margin: 20px auto;}
.l-i-box{background: #585858;}
.com-live-ph-box{padding-right: 20%;position: relative;padding-bottom: 20px;}
.comm-course-list .com-live-ph-box .c-l-n-right ul{margin-left: -12px;}
.c-l-n-phb{width: 19%;position: absolute;top:0;right: 0;}
.c-l-phb-tit{height: 38px;border: 1px solid #ddd;}
.c-l-phb-tit a{float: left;width: 50%;text-align: center;font-size: 14px;color: #666;line-height: 38px;background: #fff;}
.c-l-phb-tit a:hover{text-decoration: none;}
.c-l-phb-tit a.current{font-size: 16px;}
.comm-course-list .c-l-phb-box ul{margin-left: 0;}
.comm-course-list .c-l-phb-box ul li{float: inherit;padding-left: 15%;width: 85%;margin-top: 15px;position: relative;}
.lt-ie9.lt-ie8 .comm-course-list .c-l-phb-box ul li,.lt-ie9.lt-ie8 .comm-course-list .c-l-phb-box ul li{width: 85%}
.phb-in{display: block;width: 16px;height: 16px;text-align: center;line-height: 16px;font-size: 12px;background: #ddd;color: #fff;position: absolute;top:8px;left: 7px;}
.demo-teach-list {margin-left: -30px;}
.demo-teach-list li {float: left;width: 25%;}
.lt-ie9.lt-ie8 .demo-teach-list li,.lt-ie9 .demo-teach-list li{width: 24%;}
.demo-t-l-warp{margin: 125px 0 10px 30px;background: #fff;border: 1px solid #eee;position: relative;padding: 80px 10px 20px;}
.demo-t-l-warp .pic{position: absolute;width: 160px;height: 160px;border-radius: 50%;overflow: hidden;top:-97px;left: 50%;margin-left: -80px;transition:.5s;-webkit-transition:.5s;-o-transition:.5s;border: 2px solid #ccc;}
.demo-t-l-warp .pic img{width: 100%;height: 100%;display: block;}
.demo-t-l-warp .i-q-txt{border-top: 1px dashed #ccc; padding-top: 15px;}
.demo-teach-list li:hover .demo-t-l-warp{border-width: 1px;border-style:solid;box-shadow: 0 0 6px rgba(0,0,0,0.08);}
.demo-teach-list li:hover .demo-t-l-warp .pic{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.live-mobile-fl{display: none;}
.live-mobile-fl a{display: inline-block;font-size: 0.6rem;line-height: 24px;height: 24px;margin:0 5px 10px;padding: 0 10px;background: #fafafa;color: #666;border-radius: 2px;}
.l-pic-name{position: absolute;height: 30px;bottom:0;left: 0;background: url("/static/qdxwx/img/black-name.png") repeat top left;width: 100%;}
.l-pic-name h3{margin: 0 10px;}
.co-lv-list .coure-bg-g{padding: 5px 10px 10px;}

.live-box-topr{min-height: 470px;}
.l-i-play{color: #fff;border-color: #fff;}
.l-i-attr {border-top-width: 1px;border-top-style: solid;padding-top: 10px;margin-top: 25px;}
.l-i-attr-ol li { float: left;width: 33.3%; text-align: center;}
.l-i-attr-ol li aside {border-right-width: 1px;border-right-style:  solid;}
.l-i-play {width: 100%; height: 36px; line-height: 36px; text-align: center;cursor: pointer;border-width: 1px;border-style: solid;display: block;font-size: 18px;border-radius: 5px;}
.l-i-play:hover,.sch-btn:hover {text-decoration: none;opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);}
.u-live-sch .table_sche {display: none;}
.c-live-state-btn{border-width: 1px;border-style: solid;border-radius: 25px;display: inline-block; font-size: 12px; line-height: 14px; padding: 3px 16px;}
.c-live-state-btn{color: #fff;}
.c-live-state-btn.c-l-notyet{color: #666; border-color: #ddd;background-color: #ddd;}
.c-live-state-btn:hover {opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);}
.table_sche tr th {background: #eee none repeat scroll 0 0; border: 1px solid #ddd; color: #666;font-size: 14px;text-align: center; font-weight: normal; padding: 8px 10px;}
.table_sche tr td {padding: 12px 5px;border: 1px solid #ddd; color: #666; font-size: 12px;vertical-align: middle;}
.table_sche tr td.col-4 {width: 40%;}
.table_sche tr td.col-3 {width: 30%;}
.table_sche .sch-kj {display: inline-block;padding: 1px 6px; color: #fff;}
.live-info-path {display: none;}
.l-cou-info .l-c-time { font-size: 14px;line-height: 26px;}
.uc-c-table ol.uc-cTab-th {background-color: #fbfbfb;padding: 10px 0;border-bottom: 1px solid #e2e2e2;}
.uc-c-table ol li { height: 30px;line-height: 30px; overflow: hidden;}
.uc-c-table-col-2 {padding: 10px 0;border-bottom: 1px dashed #e8e8e8;}
.col-50 { width: 50%;}
.u-live-sch{background-color: #f5f5f5;}
.sch-btn {width: 100%; height: 40px; line-height: 40px; text-align: center;font-size: 14px;color: #bd8547;display: block; background: #fbdfba;}
.u-homework-box .c-hk-look { background-color: #f3f1f1; border-radius: 3px; color: #666; display: inline-block; height: 26px; transition: all 0.3s ease 0s;width: 70px;}
.u-homework-box .c-hk-look:hover {color: #fff; text-decoration: none;}
.c-hk-look.disable {color: #999;}
.c-hk-look.disable:hover {background-color: #f3f1f1;cursor: default;color: #999;}
.c-pk-list-bx .c-c-l li { padding-right: 180px; position: relative;padding-bottom: 10px;min-height: 98px;}
.c-c-l li { border-bottom: 1px solid #e2e2e2;margin-bottom: 20px;}
.s-c-desc {overflow: hidden;height:40px;margin-top: 10px;}
.s-c-desc p{line-height: 20px;}
.c-pk-st { position: absolute; right: 0; top: 0; width: 180px;}
.c-pk-attr .inpCb { display: inline-block; height: 18px; width: 18px;}
.c-pk-attr .inpCb.unable { opacity: 0.4;}
.c-package-menu.c-pkm-fixed .cpk-fixed-ele { display: block; float: right; margin-top: 1px;}
.c-pk-list-bx .c-c-l li .c-c-img{display: block;float: left;margin-right: 15px;width: 175px;}
.c-c-img img { display: block; width: 100%;height: auto;}
.c-pk-st .goSt { font-size: 16px; height: 30px; line-height: 30px; text-align: center; width: 90px;margin-top: 30px;}
.c-pk-st .goSt:hover {color: #fff; text-decoration:none;}
.mianfei, .goSt { background: none; border-width: 1px;border-style:  solid;border-radius: 20px; display: inline-block;  height: 16px; line-height: 16px; margin-right: 5px; padding: 0 15px;  vertical-align: middle;}
.inpCb input { margin: 0; opacity: 0;}
.pac-cou-js {margin-top: 5px; height: 20px; line-height: 20px;}
.pak-cou-price {margin-top: 40px;}
.m-play-nav {display: none!important;}
.m-check-box {margin-right: -20px;transition: 0s;-webkit-transition: 0s;position: relative;}
.m-check-box a span {line-height: 34px;}
.m-check-box a:hover em {background-position: -315px -255px;}
.m-ewm {position: absolute; left: 21px; top: 47px;background: #fff;}
.c-infor-tabTitle.c-tab-title .m-check-box a,.c-infor-tabTitle.c-tab-title .m-check-box a span{border: 0;}
#output canvas {width: 120px; height: 120px;}
.m-check-box .m-ewm {display: none;} 
.m-check-box:hover .m-ewm {display: block;}
.new-all-cou-list{padding: 14px 14px 0 14px}
.new-all-cou-list ul li{float: left;margin: 0 20px 20px 0;}
.new-all-cou-list ul li a{display: block;font-size: 14px;color: #666;height: 28px;line-height: 28px;padding: 0 20px;}
.new-all-cou-list ul li a:hover,.new-all-cou-list ul li.current a{text-decoration: none;border-radius: 3px;color: #fff;}
.u-mycou-tc-list{margin: 20px 0 40px;}
.u-tc-l-top .u-tc-pic{float: left;width: 230px;margin-right: 20px;}
.mobile-u-live-time{display: none;}
.u-cous-inf-warp{padding: 10px;}
.u-cous-inf-warp .u-c-inf-pic{width: 360px;float: left;margin-right: 20px;}
.u-c-if-nr{height: 52px;overflow: hidden;}
.u-c-if-nr p{line-height: 26px;}
.u-cous-inf-warp-index .u-c-inf-pic{width: 200px;}

/*====================第三版首页样式=========================*/
.d3-in-right ul li{width: 33.33%;}
.comm-course-list .d3-in-right ul li .cc-l-wrap {border: 1px solid #ddd; margin: 0 0 30px 30px;}
.comm-course-list li.liv-fist-box .d3-left-pic{height: 481px;border: 1px solid #ddd;overflow: hidden;}
.comm-course-list li.liv-fist-box .d3-left-pic img{display: block;width: 100%;height: auto;}
.d3-t-l-warp{ margin: 60px 0 40px 30px;padding: 63px 10px 20px;}
.d3-t-l-warp .pic {height: 110px; margin-left: -55px;top: -53px; width: 110px;}
.d3-name-news-in{height: 30px;line-height: 30px;}
.d3-nr-news-in{height: 66px;overflow: hidden;}
.d3-nr-news-in p{font-size: 12px;line-height: 22px;}
.d3-pic-a-n{border: 1px solid #ddd;display: block;}
.d3-i-nr-b-list{max-height: 315px;}
.lt-ie9.lt-ie8 .d3-in-right ul li{width: 33%;}
@media (min-width:1200px) and (max-width:1299px){.live-cou-rec {top: 182px;}.l-info-pic-wrap {width: 78%;}}
@media (min-width:992px) and (max-width:1199px){.c-attr-jg,.c-attr-mt{margin-top:15px}.l-info-pic-wrap { width: 85%;}.live-cou-wrap ul li {width: 50%; margin-bottom: 21px;}.live-cou-title {margin: 0 auto;}.live-cou-rec {margin-top: -62px;position: inherit;}.c-attr-time{display:none}.mob-live-course {display: block;}.web-live-course {display: none;}}
@media (min-width:768px) and (max-width:991px){.live-info-banner .l-i-attr {display:none}.i-teacher-list ul li{width:50%}.live-info-banner .col-7 {width: 60%;}.live-info-banner .col-3 {width: 40%;}.l-info-pic-wrap {width: 90%;}.live-cou-wrap ul li {width: 50%; margin-bottom: 21px;}.live-cou-title {margin: 0 auto;float: none;}.live-cou-rec {margin-top: -62px;position: inherit;}.c-attr-time{display:none}.mob-live-course {display: block;}
    .web-live-course,.c-attr-code {
        display: none;
    }
    .thr-attr-ol li {
        float: left;
        width: 33.3%;
        height: 80px
    }
    .c-attr-jg,.c-attr-mt {
        margin-top: 15px
    }
    .c-attr-time,.c-attr-undis {
        display: none
    }
    .buy-cin-list span {
        width: 10%
    }
    .all-teacher-title h2 {
        float: none;
        margin-bottom: 15px
    }
    .t-infor-menu {
        float: none;
        width: 100%
    }
    .t-infor-menu .c-tab-title {
        margin-bottom: 10px
    }
    .t-infor-box {
        width: 100%
    }
    .t-infor-box .ml20 {
        margin-left: 10px
    }
}
.lt-ie9.lt-ie8 .cou-buy-btn,.lt-ie9 .cou-buy-btn {width: 136px}
.qs-an-title{line-height: 30px;}
.third-party {  background-color: #fff;  border-radius: 6px;  margin: 15px auto;  padding: 20px 90px;  width:800px; box-sizing: border-box }
.third-party .title { font: 26px/60px "SimHei";  }
.third-party .Basic { border: 1px solid #e2e2e2;  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;  padding: 10px;  width: 580px;  }
.third-party .Basic img {  display: block;  float: left;  height: 70px;  margin-right: 20px;  width: 70px;}
.third-p-form li .form-title{width: 90px;float: left; margin-top: 12px}
.third-p-form li input.t-p-inp  { background: #fff; font-size: 15px;  border: 1px solid #cfcfcf;  border-radius: 4px;  color: #666;  height: 34px;  line-height: 34px;  padding: 3px 8px;  width: 300px}
.third-p-form li {margin-bottom: 20px;}
.third-p-form li.yazma input.t-p-inp {width: 60%;}
.third-p-form li.yazma .email-send-but{ border-width: 1px;border-style:  solid;  border-radius: 4px;display: block;  font: 12px/34px "SimSun";  height: 33px;  margin-left: 30px;  text-align: center;  width: 150px;}
.third-p-form li.last-list .Determine-btn { display: inline-block;  font: 14px/30px "Microsoft YaHei";  margin: 20px 20px 0;  padding: 0 20px;color: #fff;}
.p-h-r-title-3 li {width: 33.3%;}
.sc-u-title-uc{position: relative;height: 40px;}
.sc-u-title-uc .ke-button-common{background: #fff;border: 1px solid #dd491f;border-radius: 36px;height: 32px;line-height: 32px;text-align: center;}
.sc-u-title-uc .ke-button-common.ke-button{border: 0;line-height: 32px;padding: 0 35px;color: #dd491f;}

#message{width: 260px;height: 48px;position: absolute;left: 50%;z-index: 99999999;}
.msg-nr{border-radius: 6px;overflow: hidden;border: 1px solid #d6d6d6;background: #fff;text-align: center;}
.msg-nr span{font-size: 14px;line-height: 48px;text-align: center;margin: 0;display: inline-block;}
.msg-nr .rts-ico{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 5px;}
.msg-nr .rts-ico img{display: block;width: 100%;height: 100%;}
.ewm-box img{width: 140px;height: 140px;}

.course-info-recommend.course-classify-right{min-height: 374px}
.course-info-recommend .classify-right-card{margin: 16px 0 }
/*海报*/
.poster-wrap{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
}
.poster-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 1002;
    cursor: pointer;
}
.poster-loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1003;
    color: #fff;
    text-align: center;
}
.poster-loading i{
    font-size: 30px;
}
.poster-loading p{
    margin-top: 18px;
}
.poster-body{
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-54%);
    overflow: hidden;
    z-index: 1004;
    min-height: 300px;
    padding-top: 28px;
}
.poster-body img{
    border-radius: 8px;
}
.poster-body p{
    color: #fff;
    text-align: center;
    margin: 12px auto 0;
}
.poster-body .poster-close{
    margin: 0 auto;
    position: absolute;
    right: 6px;
    top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.capture-body{
    position: relative;
    padding: 14px;
    background-color: #fff;
    overflow: hidden;
}
.capture-body .name{
    display: inline-block;
    font-size: 14px;
    background: #f74343;
    background: -webkit-linear-gradient(
            315deg,#ff945c 0,#f74343 100%);
    background: linear-gradient(
            135deg,#ff945c 0,#f74343 100%);
    border-radius: 6px 0 6px 0;
    box-sizing: border-box;
    padding: 4px 8px;
    font-weight: 400;
    color: #fff;
}
.capture-body .name span{
    margin-right: 6px;
}
.capture-body .title{
    width: 70%;
    margin-top: 4px;
    font-size: 20px;
}
.capture-body .lessonNum{
    margin: 12px 0;
    font-size: 16px;
    color: #999;
}
.capture-body .price span{
    font-size: 24px;
    color: #ff1d00;
    margin-right: 6px;
}
.capture-body .c-code-image{
    position: absolute;
    right: 12px;
    bottom: 12px;
}
.capture-footer{
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #f2f2f2;
}

.share-wrap{
    position: relative;
    float: right;
}
.share-item{
    display: none;
    position: absolute;
    top: -6px;
    color: #515767;
    flex-direction: column;
    left: calc(100% + 14px);
    z-index: 1000;
    background: #fff;
    border-radius: 4px;
    padding: 4px 0;
    width: -moz-max-content;
    width: max-content;
    box-shadow: 0 8px 24px rgba(81,87,103,0.25);
}
.share-item:after {
    position: absolute;
    width: 0;
    height: 0;
    content: " ";
    right: 100%;
    top: 20px;
    border: 6px solid transparent;
    border-right-color: #fff;
}
.share-item li{
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 15px;
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
}
.share-item li:hover{
    background-color: #ff5c38;
    color: #fff !important;
}
.share-wrap:hover{
    opacity: 1;
}
.share-item li:last-child{
    border: none;
}
.capture-wrap{
    margin: 0 auto;
    width: 640px;
}
.share-wechat-tips{
    display: none;
}
@media only screen and (min-width: 1300px) and (max-width: 1600px){
    .d3-b-r-b-in .pic {height: 40px; width: 40px;}
    .d3-b-r-btn{margin-top: 10px;}
    .d3-b-r-btn a{height: 26px;line-height: 26px;}
    .d3-b-r-t-in .tit{height: 30px;line-height: 30px;}
    .d3-b-r-t-in .list li{height: 28px;line-height: 28px;}
}
@media (min-width:1200px){.container{width:1200px}.col-7{width:70%}.col-3{width:30%}#logo{width: 180px;height:auto;}.c-v-pic-wrap{width:590px;height:334px}.u-course-list .comm-course-list li{width:33.33%}.cou-l-box-bottom{margin: 28px 15px 0;}}
@media (min-width:1025px) and (max-width:1199px){
    .container{width:1000px}
    .nav li a{padding: 6px 5px 0;margin: 0 0;}
    .nav{padding-left: 25px;}
    .h-r-search {margin: 10px 10px 0 0;}
    .w50{width: 42%;}.article-new-title .w50{width: 50%;} .col-2{width: 15%;}.w75{width: 85%;}.u-r-cont {margin-left: 15px;}.w25{width: 15%}.uMenu .uM-list li a{margin: 0;}.coupon-list li { width: 50%;}.nav{padding-left: 25px;}.nav li a{margin:0 3px;padding: 6px 8px 0}.h-r-login .h-login-li{margin: 0 2px;}.h-r-search{display:block;margin: 10px 10px 0 0;}.i-slide{height:auto}.c-v-pic-wrap{width:470px;height:262px}.u-course-list .comm-course-list li{width:33.33%}.ewm-box img{width: 100px;height: 100px;}}
@media only screen and (min-width: 769px) and (max-width: 1024px){
    #header{padding: 4px 0; height: 35px}
    .container{width:auto;padding:0 5px}
    #logo,#logo a{width:120px;height:auto;}
    .header-logo {margin: 5px;}
    .h-r-nsl{display: none;}
    .h-r-search {margin: 5px 0 0 0;padding-top: 0;}
    .h-r-s-box input {height: 26px;line-height: 26px;width: 80px;}
    .h-r-s-box .s-btn { height: 26px;}
    .mw-nav-btn{display:block;float:right;position:absolute;width: 30px;height:30px;top:15px;right: 8px;}
    .mw-nav-icon{width:25px;height:2px;background:#fff;}
    .mw-tap.mw-nav-btn{top:6px;}
    .mobile-clear{display: none;}
    .mw-tap .mw-nav-icon{margin:15px 0 0 4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
    .mw-tap .mw-nav-icon:after{top:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg)}
    .mw-tap .mw-nav-icon:before{top:-9999px}
    .mw-nav-icon:before{content:'';width:25px;height:2px;background:#fff;position:absolute;top:6px}
    .mw-nav-icon:after{content:'';width:25px;height:2px;background:#fff;position:absolute;top:12px}
    html.active,html.active body{overflow:hidden;height:100%;position:relative}
    html.active .in-wrap{transform:translate3d(-240px,0,0);-webkit-transform:translate3d(-240px,0,0);-o-transform:translate3d(-240px,0,0);-moz-transform:translate3d(-240px,0,0)}
    .in-wrap{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position: relative;}
    .head-mobile{display:block;position:absolute;right:0;top:0;bottom:0;width:240px;overflow-x:hidden;overflow-y:auto;background:#3f3f3f;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);z-index: 999999;}
    .h-mobile-mask{opacity:0;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.2);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}
    .head-mobile-box{padding:20px 15px 0}
    .head-mobile-box .u-face-pic,.head-mobile-box .u-face-pic img{width:60px;height:60px}
    .head-mobile-box .u-face-pic{border:3px solid rgba(255,255,255,.1)}
    .head-mobile-box .mw-nav{display:block}
    .mw-nav ul{border-top:1px solid #555;margin-top:15px;padding-top:10px}
    .mw-nav ul li{float:left;width:50%}
    .mw-nav ul li a{display:block;padding:0 15px;height:30px;line-height:30px;font-size:.96rem;color:#999}
    .head-mobile-box .u-m-dd{border-color:#666}
    .head-mobile-box .u-m-dd ul li a{color:#999;font-size: 0.8rem;}
    .u-c-shopcar, .u-loginout {border: 1px solid #555;width: 121px;height: 27px;text-align: center;line-height: 27px;display: inline-block;border-radius: 40px;margin-top: 7px;font-size: 0.96rem;}
    .u-loginout {color: #999;margin-bottom: 10px;width: 90%;}
    .c-v-pic{height: auto;}
    .container{width:96%}.i-live-cou-list ul li {width: 50%;}.c-o-tbody .c-head-title {margin-top: 0;}.c-o-tbody li div.c-t-wz{margin-top: 25px;}.coupon-list li {width: 100%;}.h-r-search{display:none}.c-cou-item .wid85 {width: 84%;}.comm-course-list li{width:50%}.c-v-pic-wrap{width:370px;height:206px}.thr-attr-box{float:none;width:750px;height:80px}.c-infor-box .col-3,.c-infor-box .col-7{width:100%}.c-infor-box .col-7{margin:0 0 20px 0}.c-infor-box .col-7 .mr30{margin:0}
    #header-2{border-bottom:1px solid #ddd;}
    .swiper-slide img {max-width: 150%;margin-left: -25%;}
    .hear-2-bottom,.head-3-right{display: none;}
    .hear-2-top .mw-nav-icon{margin-top: 4px;}
    .hear-2-top .mw-nav-icon:before{top:11px;}
    .hear-2-top .mw-nav-icon:after{top:18px;}
    .hear-2-top .mw-nav-icon,.hear-2-top .mw-nav-icon:before,.hear-2-top .mw-nav-icon:after{background:#333;}
    .hear-2-top .mw-tap .mw-nav-icon{margin: 19px 0 0 4px;}
    .hear-2-top .mw-tap .mw-nav-icon:before{top:-9999px;}
    .hear-2-top .mw-tap .mw-nav-icon:after{top:0;}
    .logo-2{height: 50px;width: 120px;}
    .logo-2 a{height: 50px;}
    .mw-nav-seach{display:block;position:absolute;width: 30px;height:30px;top:15px;right: 52px;}
    .uMenu{display: none;}
    .w80{width: 100%;}
    .u-r-cont{margin-left: 0;}
    .shopcar-box{display: none;}
}
